﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon"  data-th-href="@{static/img/logo.png}" type="image/x-icon">
  <link rel="stylesheet" data-th-href="@{static/bootstrap-table/dist/bootstrap-table.css}">
	<link rel="stylesheet" href="webjars/bootstrap-select/2.0.0-beta1/dist/css/bootstrap-select.css">
	<link href="webjars/bootstrapvalidator/css/bootstrapValidator.css"	rel="stylesheet" />
	<!-- treegrid的css -->
	<link rel="stylesheet" data-th-href="@{static/bootstrap-table/dist/extensions/treegrid/treegrid.css}">
	<!-- combotree的css -->
	<link rel="stylesheet" data-th-href="@{static/combotree/bootstrap-treeview.css}">
	
  <link rel="stylesheet" data-th-href="@{static/AdminLTE-2.4.10/bower_components/bootstrap/dist/css/bootstrap.min.css}">
  <!-- Font Awesome -->
  <link rel="stylesheet" data-th-href="@{static/AdminLTE-2.4.10/bower_components/font-awesome/css/font-awesome.min.css}">
  <!-- Ionicons -->
  <link rel="stylesheet" data-th-href="@{static/AdminLTE-2.4.10/bower_components/Ionicons/css/ionicons.min.css}">
  <!-- Theme style -->
  <link rel="stylesheet" data-th-href="@{static/AdminLTE-2.4.10/dist/css/AdminLTE.min.css}">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. -->
  <link rel="stylesheet" data-th-href="@{static/AdminLTE-2.4.10/dist/css/skins/skin-blue.css}">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- Google Font -->
  <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
        <style type="text/css">
        	.main-header .logo {
       		    position: fixed;
        	}
        	.main-sidebar {
				position: fixed;        	
        	}
        	.nav > li {
			    position: relative;
			    display: block;
			    cursor: pointer;
			}	
        </style>
<style type="text/css">
	.text-red {
		color: red;
		font-weight: 600;
		font-size: 18px;
		position: relative;
		top: 3px;
		margin-right: 3px;
		margin-left: 0px;
		padding: 0px;
	}
</style>
</head>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!-- Main Header -->
  <header class="main-header">

    <!-- Logo -->
    <a class="logo">
    
      <span class="logo-mini"><b>媒体</b></span>
      <span class="logo-lg"><b>智能媒体系统</b></span>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only"></span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
        <li class="dropdown user user-menu">
            <!--  <span sec:authorize="isAuthenticated()&&hasRole('ROLE_DIY')"  class="navbar-text">欢迎你：开发者</span>	 -->
			 <!-- <span sec:authorize="isAuthenticated()&&!hasRole('ROLE_DIY')"  class="navbar-text">欢迎你：<span sec:authentication="principal.name"></span></span> -->	
        </li>
          <li class="dropdown user user-menu">
          			<a class="dropdown-toggle" data-toggle="modal" data-target="#mysModal">
          			<span class="hidden-xs" data-toggle="modal" >修改密码</span></a>
		</li>
          <li class="dropdown user user-menu">
                   <a href="javascript:void(0)" class="dropdown-toggle" onclick="logout()" data-toggle="dropdown">
                   <span class="hidden-xs" onclick="logout()">注销</span></a>
                   
           </li>
        </ul>
      </div>
    </nav>
  </header>
  <aside class="main-sidebar">

    <section class="sidebar">

      <!-- <div class="user-panel">
        <div class="pull-left  image">
          <img th:src="@{static/img/dx.png}" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p style="font-size: 2em">中国电信</p>
          <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
        </div> 
      </div>-->
      
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header"></li>
        
        <li class="treeview active"><a href="#" ><i class="glyphicon glyphicon-th-large"></i> <span>信息查看</span>
        <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
        </a>
        <ul class="treeview-menu">
        <li class="active"><a href="#" title="empty/shouye"><i class="fa fa-circle-o"></i>首页信息</a></li>
            <li><a href="#" title="dwjrz/manages"><i class="fa fa-circle-o"></i>大物件操作情况</a></li>
            <li><a href="#"  title="hwgcl/manage"><i class="fa fa-circle-o"></i>环卫处理垃圾桶记录</a></li>
             <li><a href="#"  title="ydyczjl/manages"><i class="fa fa-circle-o"></i>引导员处理记录</a></li>
              <li><a href="#"  title="ljtbjjl/manages"><i class="fa fa-circle-o"></i>垃圾桶报警情况</a></li>
              <li><a href="#"  title="ljfjzrz/manages"><i class="fa fa-circle-o"></i>垃圾分拣站操作记录</a></li>
              <li><a href="#"  title="leaderRecord/manage"><i class="fa fa-circle-o"></i>引导员上货登录记录</a></li>
              <li><a href="#"  title="dxnl/manage"><i class="fa fa-circle-o"></i>短信发送记录</a></li>
          </ul>
        </li>
        <li class="treeview"><a href="#"><i class="fa fa-reorder "></i> <span>用户操作记录</span>
               <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
        </a>
        <ul class="treeview-menu">
            <li ><a href="#" title="yhdlj2/manage"><i class="fa fa-circle-o"></i>用户投袋记录</a></li>
            <li><a href="#" title="yhqdjl2/manage"><i class="fa fa-circle-o"></i>用户取袋记录</a></li>
            <li><a href="#" title="yhdwj2/manage"><i class="fa fa-circle-o"></i>用户大物件记录</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#"><i class="fa fa-gear"></i> <span>设置</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#" title="admin2/manage"><i class="fa fa-circle-o"></i>管理员管理</a></li>
            <li><a href="#" title="user2/manage"><i class="fa fa-circle-o"></i>用户管理</a></li>
            <li><a href="#" title="huanwei2/manage"><i class="fa fa-circle-o"></i>环卫工人管理</a></li>
            <li><a href="#" title="usher2/manage"><i class="fa fa-circle-o"></i>引导员管理</a></li>
            <li><a href="#" title="wygl/manage"><i class="fa fa-circle-o"></i>物业操作员管理</a></li>
            <li><a href="#" title="wbljhsz2/manage"><i class="fa fa-circle-o"></i>外部垃圾回收站管理</a></li>
            <li><a href="#" title="ljfjz/manage"><i class="fa fa-circle-o"></i>垃圾分拣站管理</a></li>
          </ul>
        </li>
        
        <li class="treeview">
          <a href="#"><i class="fa fa-book"></i> <span>数据字典</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#" title="xzqy2/manage1"><i class="fa fa-circle-o"></i>行政地区管理</a></li>
            <li><a href="#" title="fd2/manage"><i class="fa fa-circle-o"></i>发袋设备管理</a></li>
            <li><a href="#" title="refuse2/manage"><i class="fa fa-circle-o"></i>垃圾桶设备管理</a></li>
            <li><a href="#" title="ljd/manage"><i class="fa fa-circle-o"></i>生成垃圾袋编号</a></li>
            <li><a href="#" title="gps/manage"><i class="fa fa-circle-o"></i>车辆GPS</a></li>
          </ul>
        </li>
        
        <li class="treeview">
          <a href="#"><i class="fa fa-bug"></i> <span>测试</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#" title="text/manages"><i class="fa fa-circle-o"></i>垃圾箱udp数据显示</a></li>
            <li><a href="#" title="text2/manages"><i class="fa fa-circle-o"></i>分拣站udp数据显示</a></li>
          </ul>
        </li>
        
        <li class="treeview">
          <a href="#"><i class="fa fa-dashboard"></i> <span>展示页面</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#" onclick="javascript:window.open('showpage/showpage');"><i class="fa fa-circle-o"></i>展示页面</a></li>
            <!-- <li><a href="#" onclick="javascript:window.open('main1');" ><i class="fa fa-circle-o"></i>easyui主页</a></li> -->
          </ul>
        </li>
        
        <li class="treeview">
          <a href="#"><i class="fa fa-industry"></i> <span>系统管理</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#"  title="permission/manage"><i class="fa fa-circle-o"></i>权限管理</a></li>
            <li><a href="#"  title="role/manage"><i class="fa fa-circle-o"></i>角色管理</a></li>
            <li><a href="#"  title="menu/manage"><i class="fa fa-circle-o"></i>菜单管理</a></li>
          </ul>
        </li>
        
      </ul>
    </section>
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Main content -->
    <section class="content container-fluid">
    
    <div id="box">
    
    </div>
    
    </section>
  </div>

</div>




<div class="modal fade" id="mysModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					密码修改
				</h4>
			</div>
			<div class="modal-body">
			<section class="content">
		       <form id="formpwd" action="save" class="form-horizontal" role="form">
						<div class="form-group">
		                	<label for="txt_address" class="col-sm-2 control-label">旧密码</label>
		                	<div class="col-sm-10">
			                    <input type="password" name="password" class="form-control" id="txt_password" placeholder="旧密码">
		                	</div>
		                </div>
		                
					  <div class="form-group">
							<label for="txt_bh" class="col-sm-2 control-label">新密码</label>
							<div class="col-sm-10">
								<input type="password" name="xpassword"
									class="form-control" id="txt_xpassword" placeholder="新密码">
							</div>
						</div>
						
						<div class="form-group">
							<label for="txt_type" class="col-sm-2 control-label">确认密码</label>
							<div class="col-sm-10">
								<input type="password" name="qrpassword"
									class="form-control" id="txt_qrpassword" placeholder="确认密码">
							</div>
						</div>
						

			<div class="modal-footer">
				<button type="button"  class="btn btn-default" data-dismiss="modal">
				    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
				</button>
				<button  type="submit"  class="btn btn-primary">
				   <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
				</button>
			</div>
			</form> 
		</section>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
</div>


<!-- jQuery 3 -->
<script data-th-src="@{static/AdminLTE-2.4.10/bower_components/jquery/dist/jquery.min.js}"></script>
<!-- Bootstrap 3.3.7 -->
<script data-th-src="@{static/AdminLTE-2.4.10/bower_components/bootstrap/dist/js/bootstrap.min.js}"></script>
<!-- AdminLTE App -->
<script data-th-src="@{static/AdminLTE-2.4.10/dist/js/adminlte.min.js}"></script>
<script type="text/javascript" src="webjars/knockout/knockout.js" ></script>
<script	src="webjars/knockout-mapping/2.4.1/knockout.mapping.js" type="text/javascript"></script>
<script data-th-src="@{static/bootstrap-table/dist/bootstrap-table.js}"></script>
<script	data-th-src="@{static/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js}"></script>
<script type="text/javascript" src="webjars/bootstrap-select/2.0.0-beta1/dist/js/bootstrap-select.js"></script>
<script type="text/javascript" src="webjars/bootstrap-select/2.0.0-beta1/dist/js/i18n/defaults-zh_CN.js"></script>
<script	src="webjars/bootstrapvalidator/js/bootstrapValidator.js"></script>
<script src="webjars/bootbox/4.4.0/bootbox.js"></script>
<!-- treegrid的js -->
<script data-th-src="@{static/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.js}"></script>
<script data-th-src="@{static/bootstrap-table/dist/extensions/treegrid/jquery.treegrid.js}"></script>
<!-- combotree的js -->
<script data-th-src="@{static/combotree/bootstrap-treeview.js}"></script>
<script data-th-src="@{static/combotree/combotree.js}"></script>
<script type="text/javascript" data-th-src="@{static/bootstrap-table/knockout.bootstrapTable.ljc.js}"></script>
<script type="text/javascript" data-th-src="@{static/showpage/js/echarts.min.js}"></script>
<script type="text/javascript" src="static/laydate/laydate.js"></script>
<script type="text/javascript" data-th-src="@{static/qrcode.min.js}"></script>

<script type="text/javascript">

	$(function(){
		$("#box").load("empty/shouye");
		$("a[title]").click(function() {
			$("a[title]").parent().removeClass("active");
			var a=$(this);
			var src = a.attr('title');
			$("#box").load(src);
			a.parent().attr("class","active");
		});
	});
	
	function logout(){
		window.location.href='logout';
		
	}
</script>
<script type="text/javascript" th:inline="javascript">

	var options = {
		excluded : [':disabled'],	
		message : '验证不通过',
		feedbackIcons : {
			valid : 'glyphicon glyphicon-ok',
			invalid : 'glyphicon glyphicon-remove',
			validating : 'glyphicon glyphicon-refresh'
		},
		fields : {
			verbose: false,
			password : {
				validators : {
					notEmpty : {
						message : '旧密码不能为空'
					},
					remote: {
			            url: 'empty/xzpwd',
			            message:"旧密码不正确",
			            type: "post",
			            dataType: 'json',
			            data: {
			              //默认传递的就是输入框的值
			            },
			            delay: 500,//延迟效果
			          }
				}
			},
			xpassword : {
				validators : {
					notEmpty : {
						message : '新密码不能为空'
					},stringLength : {
						min : 3,
						message : '密码长度最短为3位'
					},identical: {
			            field: 'qrpassword',
			            message: '两次输入的密码不相符'
			        }
				}
			},
			qrpassword : {
				validators : {
						notEmpty : {
							message : '确认密码不能为空'
						},identical: {
				            field: 'xpassword',
				            message: '两次输入的密码不相符'
				        }

				}
			}
		}
	};

	$('#formpwd').bootstrapValidator(options).on('success.form.bv',
			function(e) {
				e.preventDefault(); //很重要没有它则会提交默认表单，不会做下面的ajax表单提交
				var fd = new FormData($("#formpwd")[0]);
				$.ajax({
					url : "empty/xiugai",
					type : "POST",
					data : fd,
					processData : false, // 不处理数据  
					contentType : false, // 不设置内容类型
					success : function(result) {
						if (result.success) {
							bootbox.alert(result.msg);
						} else {
							bootbox.alert(result.msg);
						}
						$("#mysModal").modal("hide");
					},
					error : function(result) {
						alert(result);
					}
				});
			});
	
	//console.log([[${menus}]]);
</script>
</body>
</html>